<template>
    <section class="">
        <el-form :inline="true" :model="formSearch" class="form_inline main_center" label-width="90px">
            
            <el-form-item>
                <el-button size="small" type="primary" class="el-icon-plus" @click=""> 新增告警</el-button>
                <!-- <el-button size="small" @click="openDialog">新 增</el-button> -->
            </el-form-item>
        </el-form>
        <el-table :data="tableData" stripe style="width: 100%">
            <el-table-column prop="date1" label="告警名称" >
            </el-table-column>
            <el-table-column prop="date2" label="创建时间" >
            </el-table-column>
            <el-table-column prop="date3" label="运行状态">
            </el-table-column>
            <el-table-column label="操作" >
                <el-button v-if="" type="text" size="medium " @click="">编辑</el-button>
                <el-button size="medium " type="text" @click="">告警日志</el-button>
                <el-button size="medium " type="text" @click="">启动</el-button>
                <el-button size="medium " type="text" @click="">删除</el-button>
            </el-table-column>
        </el-table>
    </section>
</template>

<script>
    export default {
        data() {
            return {
                tableData: [{
                    date1: '实时回压告警', date2: '2022-03-23 16:41:12',date3: '已停止'
                },{
                    date1: 'text', date2: '2022-03-28 10:11:42',date3: '已停止'
                },{
                    date1: '给排水报警', date2: '2022-04-01 14:11:42',date3: '已停止'
                },{
                    date1: '智能电梯报警', date2: '2022-03-30 08:02:33',date3: '已停止'
                },{
                    date1: '智能空调报警', date2: '2022-03-31 09:09:13',date3: '已停止'
                },],
                formSearch: {},
            }
        }
    }
</script>